import { Icon, List} from "antd-mobile";
import React from "react";
import { connect } from "dva";
const ListItem = List.Item
import styles from "./index.less";

class Tab5 extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
   const {data} = this.props
    return (
      <div style={{width:'100%'}}>
       <List style={{width:'100%'}}>
            {
               data.fldyzvalue.map((item,i) =>{
               return( <ListItem key={i}>
               <div  style={{
              display: "flex",
              alignItems: "center",
              backgroundColor: "#fff",
              paddingTop: 10,
              paddingBottom:10
            }} className={styles.tab2}>
             <span className={styles.icon}>{i+1}</span>
             <div style={{
              display: "flex",
              flex:1,
              marginLeft:20,
              alignItems: "center",
              justifyContent:'space-between',
              backgroundColor: "#fff"
            }}>
            <span>{item.clName}</span>
            <span>{item.clDate}</span>
             </div>
               </div>
             </ListItem>)
               })
             }
           </List>
      </div>
    )
  }
}
export default connect(detail => detail)(Tab5);
